'use client';

export default function Loading() {
    return (
        <div className="fixed inset-0 bg-gray-900 flex items-center justify-center z-50">
            <div className="relative">
                {/* 主要加载动画 */}
                <div className="w-16 h-16">
                    <div className="absolute w-16 h-16 border-4 border-indigo-500 rounded-full animate-ripple"></div>
                    <div
                        className="absolute w-16 h-16 border-4 border-indigo-500 rounded-full animate-ripple"
                        style={{ animationDelay: '-0.5s' }}
                    ></div>
                </div>

                {/* 中心点 */}
                <div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
                    <div className="w-4 h-4 bg-indigo-500 rounded-full animate-pulse"></div>
                </div>

                {/* 加载文字 */}
                <div className="absolute top-full left-1/2 transform -translate-x-1/2 mt-4 whitespace-nowrap">
                    <p className="text-indigo-500 text-sm font-medium animate-pulse">加载中...</p>
                </div>
            </div>
        </div>
    );
}
